Benvenuti nell'interfaccia web del FSI Server!
Questa scheda fornisce una panoramica su come utilizzare l'interfaccia web per gestire e pubblicare le immagini.
|
|
Versione software
Attualmente stai eseguendo le seguenti versioni del software:1 Panoramica
L'interfaccia è composta da 3 sezioni principali: Vista cartella (1), area di lavoro (2) e visualizzazione file (3).La dimensione di queste sezioni può essere modificata trascinando le barre di separazione tra le sezioni.
2 Visualizzazione cartella
La vista cartella contiene schede per sfogliare la struttura delle cartelle e per cercare.Nella parte superiore, il nome della directory root (nome del server) è visibile.
La directory root contiene tutti i Source Connectors (profili) disponibili su questo specifico FSI Server, elencati sotto la directory root.
I seguenti tipi di Source Connectors sono possibili all'interno della directory root:
- Static: (solo per file statici, ad esempio grafica di stile che desideri utilizzare sul tuo sito web)
- Storage: (le immagini verranno importate nell'archivio per l'imaging a singola sorgente ad alte prestazioni)
- Multi Resolution: (il profilo contiene solo file TIFF a risoluzione multipla)
È anche possibile determinare diverse autorizzazioni per ogni cartella (Lettura, Scrittura, Elenco, Attività), le autorizzazioni impostate per la cartella attualmente selezionata possono essere visualizzate tramite Ulteriori informazioni ... nella parte inferiore della vista Cartella.
È inoltre possibile che l'amministratore definisca i commenti personalizzati (ad esempio, quale tipo di file è consigliato inserire in una determinata cartella) per ciascun tipo di Source Connector, che verrà visualizzato nella parte inferiore della Vista cartella. Questi commenti possono essere definiti tramite un file XML.
3 Visualizzazione file
Nella vista file sono visibili le directory e i file della cartella selezionata.Nella barra in alto sono disponibili diverse azioni per la gestione di file e directory tramite icone:
Crea cartella, rinomina, copia, taglia, incolla, elimina
Il menu a discesa di ordinamento consente di ordinare gli elementi in base a determinati criteri. Con il pulsante freccia sotto, l'ordine della funzione di ordinamento selezionata può essere modificato.A destra del menu di ordinamento è possibile modificare l'aspetto delle cartelle e degli elementi all'interno della vista file. Per cambiare il dimensionamento delle miniature, fai clic sul pulsante miniatura più piccolo / più grande per cambiare la visualizzazione o fai scorrere il controller miniatura nella direzione desiderata.
I pulsanti a sinistra ti consentono di scegliere tra
- Vista pagina: Gli elementi verranno visualizzati come pagine doppie, con la prima come copertina e l'ultima come pagina indietro (singola) (utile per la visualizzazione dei cataloghi)
- Visualizzazione anteprima: gni immagine verrà visualizzata come miniatura
- Visualizza elenco: gli elementi verranno visualizzati in un elenco con Nome file, Larghezza x Altezza, Dimensione file, Data e stato ultima modifica e possono essere ordinati in base a tali caratteristiche facendo clic sul nome del caratteristica
Utilizzando il pulsante destro del mouse all'interno dell'area di visualizzazione dei file, è possibile accedere a più azioni tramite il menu di scelta rapida, ad esempio reimportando elementi selezionati, aggiungendo file a un archivio di download, scaricando l'elemento selezionato, creando un preferito, ecc. Drag & Drop è possibile all'interno della vista file e della Vista cartella. I file o le cartelle possono essere trascinati dal browser file del sistema operativo al file o Vista cartella per caricarli sul server.) Inoltre puoi copiare o spostare elementi trascinandoli nella cartella di destinazione nella visualizzazione ad albero o file.
Facendo clic su un file specifico nella vista file, verrà attivata l'area di lavoro superiore.
3.1 Operazioni su file e cartelle
Creare una nuova directory La radice della Vista cartella contiene diversi Source Connectors. Per creare una cartella all'interno di uno di questi Source Connectors, neanche- Fai clic con il pulsante destro del mouse sul nome del profilo e seleziona "Crea nuova cartella"
- Fai clic destro nella panoramica delle directory in basso a destra, seleziona "Crea nuova cartella"
- Fai clic sul pulsante della cartella nella panoramica della directory e viene visualizzata la finestra "Crea cartella"
4 Area di lavoro
All'interno dell'area di lavoro, vengono visualizzati diversi compiti e informazioni riguardanti gli articoli selezionati. A seconda del formato del file, puoi scegliere tra le seguenti schede:Visualizza, Metadati, Colore, Pubblica su Web, Carica, Scarica e Guida.
Il pulsante della finestra4.1 Scheda Visualizza
In questa scheda è possibile visualizzare l'immagine selezionata utilizzando FSI Viewer, in cui è possibile utilizzare tutte le funzioni standard, inclusa l'opzione a schermo intero.
4.2 Scheda Metadata
I metadati dell'immagine verranno mostrati e divisi in tre sezioni: Dati generali, IPTC e EXIF.
Tutti i campi dei metadati tranne quelli del gruppo "Generale" - possono essere modificati, eliminati o aggiunti. Per modificare i dati esistenti, fare clic sul valore del campo corrispondente e digitare il valore desiderato. Facendo clic sul pulsante "Aggiungi campi" nel menu Opzioni nella parte inferiore della pagina è possibile aggiungere campi di dati IPTC o EXIF.
Sei in grado di applicare le attività nel menu delle opzioni in basso a tutti i metadati modificabili (che sono caratterizzati dalle caselle di controllo davanti al nome dei dati).
Puoi scegliere di selezionare o deselezionare tutti i metadati modificabili, svuotare i valori attualmente visualizzati nei campi dati, reimportare metadati dal file sorgente o eliminare tutti i campi selezionati. Le modifiche verranno salvate automaticamente.
Tenendo premuto Maiusc mentre si selezionano le caselle di controllo, è possibile selezionare più caselle di controllo contemporaneamente.
Se si selezionano più immagini o file contemporaneamente, è possibile applicare a tutti i valori di campo modificati selezionando l'opzione "Applica a tutti i file selezionati" nel menu delle opzioni.
4.3 Colore
Questa scheda fornisce informazioni sulla distribuzione del colore, gli istogrammi dei colori e il profilo ICC, se applicabile.
- Distribuzione dei colori: sia il grafico a torta che l'istogramma mostrano la distribuzione di ciascun colore nell'immagine in percentuale.
- Istogrammi: qui sono forniti gli istogrammi RGB, Rosso, Verde, Blu e Saturazione.
- Profilo ICC: il profilo ICC è un profilo di riferimento del colore, che descrive le caratteristiche del dispositivo a cui corrisponde. Vengono utilizzati per abilitare la migliore resa cromatica possibile e per garantire la coerenza del colore indipendentemente dal dispositivo utilizzato. In questa scheda è possibile visualizzare i punti multimediali (lo spazio colore utilizzato per l'immagine) e i dati del profilo come Descrizione, CMM (modulo di gestione del colore), produttore, creatore e la data di creazione. Hai anche la possibilità di scaricare il profilo per utilizzarlo nel tuo ulteriore flusso di lavoro.
4.4 Pubblica su Web
Mentre hai selezionato un'immagine o una cartella, puoi vedere tutti i possibili metodi di pubblicazione per l'articolo specifico facendo clic sulla scheda Pubblica sul Web.
L'interfaccia Pubblica è divisa in cinque sezioni: Elenco preimpostato / Parametro, Codice sorgente, Script, Anteprima e Guida contestuale. È possibile modificare le dimensioni di ciascuna sezione trascinando i cordini delle barre delle sezioni alla dimensione desiderata.
- Elenco preimpostati/parametri: all'interno di questa scheda puoi scegliere tra varie impostazioni predefinite (Immagine statica, Immagine reattiva, Zoom e panoramica, Giri a 360 °, Cataloghi, ecc.). Dopo aver scelto un preset, apparirà l'elenco di parametri disponibili per l'opzione di pubblicazione
- Codice sorgente: in quest'area puoi vedere il codice sorgente per l'opzione di pubblicazione selezionata che puoi modificare e copiare per pubblicare le immagini.
- Script richiesti: se hai selezionato un'opzione di pubblicazione che richiede un visualizzatore (ad esempio Immagine reattiva o Zoom e panoramica), gli script richiesti che devono essere inclusi per caricare gli spettatori sono elencati qui.
- Anteprima: in questa sezione viene visualizzata un'anteprima in tempo reale delle modifiche applicate al codice sorgente. L'anteprima cambia anche in base al preset selezionato. Ciò semplifica immediatamente la visualizzazione delle immagini o del visualizzatore quando è implementato.
- Guida contesto: questa sezione mostra dinamicamente una descrizione del preset o del parametro selezionato.
Image, staticSimple Image: Pubblica l'immagine con un semplice <img< etichetta. Richiede una singola immagine ad alta risoluzione. È possibile impostare le dimensioni e il formato di output (JPEG, PNG o GIF) e aggiungere vari effetti all'immagine statica. Simple Image with srcSet: Pubblica l'immagine con un semplice <img< etichetta e srcSets. L'attributo srcset contiene un elenco separato da virgola di più URL immagine. Il browser decide quale dimensione dell'immagine è migliore per l'utente al momento della visita della pagina. Ciò evita carichi di risorse e problemi di prestazioni multipli in ambienti con larghezza di banda limitata.
Quando un utente visita un sito Web, tutte le immagini nella pagina corrente vengono caricate nella dimensione più appropriata per il dispositivo utilizzato. Richiede una singola immagine ad alta risoluzione. Aggiunge automaticamente srcSet in diverse varianti al tag img. È possibile impostare le dimensioni e il formato di output (JPEG, PNG o GIF) e aggiungere vari effetti all'immagine statica. Padded Image: Pubblica l'immagine con un semplice <img< etichetta and a pad effect. Pertanto, la dimensione dell'immagine risultante corrisponderà sempre alla dimensione richiesta. Richiede una singola immagine ad alta risoluzione. È possibile impostare le dimensioni e il formato di output (JPEG, PNG o GIF) e aggiungere vari effetti all'immagine statica. Image, responsiveLe opzioni seguenti richiedono una singola immagine ad alta risoluzione e pubblicano l'immagine con FSI QuickZoom o FSI TouchZoom. Ricordarsi di copiare anche la sezione di script richiesta (o utilizzare l'opzione per copiare il codice sorgente come documento HTML 5 completo). Image, in place mouse-over zoom: Pubblica l'immagine con un semplice <img< etichetta e FSI QuickZoom. Passando il mouse sull'immagine con il cursore, l'immagine verrà ingrandita. Image, fly-out zoom on mouse over: Pubblica l'immagine con un semplice <img< etichetta e FSI QuickZoom. Passando il mouse sull'immagine con il cursore, l'immagine viene visualizzata ingrandita in una finestra accanto all'immagine originale. Image, dynamic resolution: Pubblica l'immagine con un semplice <img< etichetta e FSI TouchZoom. Se la pagina viene pizzicata con lo zoom su dispositivi touch, le immagini verranno visualizzate nella risoluzione corrispondente all'effettivo ingrandimento. Image, dynamic resolution and mouse-over zoom: Pubblica l'immagine con un semplice <img< etichetta e FSI TouchZoom e FSI QuickZoom. Passando il mouse sull'immagine con il cursore, l'immagine verrà ingrandita. Se la pagina viene pizzicata con lo zoom sui dispositivi touch, le immagini verranno visualizzate nella risoluzione corrispondente all'effettivo ingrandimento. Zoom & PanLe opzioni sottostanti richiedono una singola immagine ad alta risoluzione e abilitano uno Zoom 2D basato su Javascript. Ricordarsi di copiare anche la sezione di script richiesta (o utilizzare l'opzione per copiare il codice sorgente come documento HTML 5 completo). Richiede una singola immagine ad alta risoluzione. FSI Viewer, black skin: questa opzione attiva lo zoom e il pan con una barra dei menu nera. FSI Viewer, silver skin: questa opzione abilita zoom e pan con una barra dei menu argentata. FSI Viewer, white skin: questa opzione abilita zoom e pan con una barra dei menu bianca. FSI Viewer, no UI: questa opzione abilita zoom e pan senza barra dei menu. FSI Viewer, with measure plugin: questa opzione attiva lo zoom e il pan con una funzione abilitata che ti consente di misurare parti dell'immagine. 360°SpinsLe opzioni seguenti abilitano uno strumento basato su JavaScript per visualizzare 360° oggetti gira in combinazione con lo zoom. Ricordarsi di copiare anche la sezione di script richiesta (o utilizzare l'opzione per copiare il codice sorgente come documento HTML 5 completo). A seconda delle funzionalità del dispositivo, offre il supporto per lo zoom o il pizzico in posizione. Questa opzione di pubblicazione richiede una cartella contenente una serie di immagini ad alta risoluzione prese da diversi angoli di visualizzazione. Puoi attivarlo facendo clic sulla cartella che contiene l'immagine a 360 gradi o facendo clic su una delle immagini all'interno della cartella. È possibile aggiungere hot spot opzionali con contenuto HTML fornendo le coordinate 3D. FSI Viewer, black skin: Questa opzione abilita la rotazione e lo zoom 360 con una barra dei menu nera. FSI Viewer, no UI: Questa opzione abilita la rotazione e lo zoom 360 senza barra dei menu. ShowcasesFSI Showcase combina i vantaggi di FSI Viewer JS con FSI ThumbBar. È stato creato per la visualizzazione di più immagini con un carosello di immagini. Facendo clic su un'immagine, verrà visualizzata nell'istanza JS di FSI Viewer posta sopra il carosello. L'opzione pubblica tutte le immagini in una cartella, incluse le miniature di anteprima. Showcase - thumbnails to the bottom: le miniature sono mostrate sotto il visualizzatore. Showcase - thumbnails to the top: le miniature sono mostrate sopra il visualizzatore. Showcase - thumbnails to the right: le miniature sono mostrate a destra del visualizzatore. Showcase - thumbnails to the left: le miniature sono visualizzate a sinistra del visualizzatore. ThumbBarsFSI ThumbBar è stato creato per la pubblicazione di tutte le immagini in una cartella come un carousel di immagini basato su JavaScript con effetto specchio incorporato opzionale e zoom a pagina intera. ThumbBar horizontal: Visualizza le immagini in una barra laterale orizzontale. ThumbBar vertical: Visualizza le immagini in una barra verticale. E-Books / E-CataloguesPagine FSI pubblica tutte le immagini in una cartella come opuscolo o catalogo interattivo. Catalog with flip layout:: Un semplice catalogo elettronico senza collegamenti ipertestuali che utilizzano un'animazione flip. Catalog with flip layout and hyperlinks:: un catalogo elettronico che contiene collegamenti ipertestuali mediante l'animazione di un flip. Catalog with scroll horizontal layout:: un catalogo elettronico con animazione di scorrimento orizzontale. Catalog with scroll vertical layout:: un catalogo elettronico con animazione a scorrimento verticale. Catalog with scroll horizontal layout with hyperlinks:: un catalogo elettronico contenente collegamenti ipertestuali utilizzando un'animazione di scorrimento orizzontale. Catalog with scroll vertical layout with hyperlinks:: un catalogo elettronico contenente collegamenti ipertestuali mediante un'animazione a scorrimento verticale. Catalog with hyperlinks, chapters and intro:: un catalogo elettronico con collegamenti ipertestuali, plug-in di capitoli (sommario) e contenuto di introduzione (contenuto prima della pagina di copertina). Image GridFSI Image Grid è un semplice visualizzatore basato su HTML5 e Javascript che consente di visualizzare una galleria di immagini come una griglia, opzionalmente con didascalie e descrizioni generate dai metadati dell'immagine. Small Image Grid: una griglia di immagini reattive con miniature ridotte. Medium Image Grid: una griglia di immagini reattive con miniature di medie dimensioni. Large Image Grid: una griglia di immagini reattive con miniature grandi. Image Grid with meta data: una griglia di immagini reattive che visualizza i metadati (didascalie, descrizioni, crediti, ecc.) di ciascuna immagine. GamesImage Twins: un gioco memo in cui l'obiettivo è trovare coppie di immagini identiche. |
|
4.4.1 Come pubblicare
Dopo aver selezionato un'opzione di pubblicazione, è possibile impostare le dimensioni desiderate, aggiungere parametri per progettare il visualizzatore o l'immagine come desiderato e successivamente copiare il codice sorgente visualizzato.4.4.1.1 Codice sorgente
La sezione Codice sorgente consente di controllare l'aspetto dell'immagine o del visualizzatore impostando le dimensioni e il formato, nonché aggiungendo effetti o opzioni di ritaglio.
Descrizioni della barra degli strumenti del codice sorgente
Il menu di scelta rapida accessibile con il pulsante in alto a destra consente inoltre di accedere alla barra dei menu del codice sorgente e consente inoltre di aprire l'anteprima in un'altra finestra.
Dopo aver impostato tutto, se sei soddisfatto dell'aspetto dell'immagine o del visualizzatore (che puoi vedere nella sezione di anteprima), puoi copiare il codice sorgente usando i pulsanti corrispondenti nel menu o semplicemente selezionare il contenuto dell'editor di codice e copialo nella tua pagina. Per la pubblicazione di visualizzatori e immagini reattive, è fondamentale incorporare gli script richiesti anche sulla tua pagina web. Gli script possono essere visualizzati nella sezione Script richiesti:
È possibile farlo copiando manualmente lo script o utilizzare il pulsante corrispondente nella barra dei menu del codice sorgente o nel menu di scelta rapida:
4.4.1.2 Parametri
Sezione parametriInoltre, puoi anche impostare vari parametri per pubblicare un'immagine o un visualizzatore. Dopo aver scelto un preset, la sezione parametri si apre a destra. È possibile aggiungere parametri alla sezione del codice sorgente facendo doppio clic sul parametro corrispondente. La guida al contesto mostra una breve descrizione dei parametri. Per ulteriori informazioni approfondite, consultare il Manuale online di FSI Viewer.. |
|
4.4.2 Effetti
Facendo clic sul pulsante dell'effetto, si apre la finestra dell'effetto. Fare doppio clic sull'effetto desiderato o trascinarlo verso sinistra per selezionarlo. Puoi regolare le opzioni dell'effetto o eliminarlo nella colonna destra sotto l'immagine di anteprima. Se viene applicato più di un effetto, è anche possibile modificare l'ordine di elaborazione degli effetti trascinando l'effetto verso il raggiungimento della sequenza desiderata. Facendo clic su "OK" gli effetti verranno applicati all'immagine o al visualizzatore e saranno visibili nel codice sorgente.
4.4.3 Editor collegamento ipertestuale
Questa scheda fornisce l'accesso all'editor di collegamenti ipertestuali JS per le pagine FSI. L'editor di collegamenti ti consente di aggiungere facilmente collegamenti ipertestuali e icone al tuo catalogo online.
L'editor riconosce i collegamenti ipertestuali esistenti e consente di modificarli, ovvero i link creati con il vecchio Flash Hyperlink Editor sono visualizzati nel nuovo editor e possono anche essere modificati, ma verranno salvati in un formato diverso. Di conseguenza, i collegamenti creati o modificati con il nuovo editor non sono compatibili con le vecchie versioni Flash di Pagine FSI, funzionano solo con le nuove versioni JavaScript di Pagine FSI.
Questa sezione ti aiuterà a iniziare con l'editor.
|
1. Generale
L'editor di collegamenti è costituito da diverse sezioni: Sul lato sinistro vedrai le singole pagine del tuo catalogo, la parte destra è suddivisa in 4 sezioni:La lista di link mostra tutti i link che sono incorporati nel sito corrente del tuo catalogo. È possibile spostare i collegamenti per decidere quale deve essere in primo piano trascinandoli nella posizione desiderata nell'elenco. Questo è utile se le forme si sovrappongono, la posizione decide quale collegamento è attivo nella sezione sovrapposta al passaggio del mouse. Il link in fondo alla lista è in primo piano.
Dati link mostra le informazioni per il link selezionato.
La barra degli strumenti ti consente di scorrere il catalogo e aggiungere e modificare i collegamenti.
Nuove forme contiene una preselezione di forme e icone che possono essere aggiunte al sito. È anche possibile aggiungere le proprie forme a questa sezione, per ulteriori informazioni si veda Aggiunta di SVG per le proprie forme/icone.
L'editor distingue tra Collegamenti e Icone.
Puoi scegliere tra:
- Link, auto colorato: riempimento trasparente, cambio colore & linea sul mouse sopra o mentre si preme
- Link, colore originale: opaco riempimento, non cambiare colore sopra il mouse
- Icona: visualizzata con il colore originale, può contenere suggerimenti, ma non è possibile fare clic su di essi (ovvero non sono collegamenti ipertestuali)
Inoltre, puoi modificare un collegamento in generale o solo una forma di collegamento. Un collegamento può essere costituito da una o più forme di collegamento. Se a un collegamento è assegnata una sola forma, il collegamento equivale a forma di collegamento, ovvero il collegamento di selezione / trasformazione e l'azione di selezione / trasformazione della forma di collegamento fanno lo stesso.
2. Scorciatoie
- CTRL + S: Save
Si applicano le seguenti scorciatoie, se lo stato attivo non è in un input o in un editor di link esterno:
- CTRL + Z: Annulla
- CTRL + YZ: Ripristina
- CTRL + A: Seleziona tutto
- CTRL + D: Seleziona nessuno
- CTRL + X: Taglia
- CTRL + C: Copia
- CTRL + X: Incolla
- CTRL + M: Rimuovi Trasformazione from selected links/shapes
- CTRL + 1 - CTRL + 9: Modalità mouse
- DELETE: Elimina collegamenti / forme selezionati
- Arrow left: Pagina precedente
- Arrow right: Pagina successiva
- Pos 1: Prima pagina
- END: Ultima pagina
- Arrow Up: Seleziona il link precedente nella tabella dei link
- Arrow Down: Seleziona il link successivo nella tabella dei link
- SPACE BAR:
3. Sfoglia il catalogo
È possibile sfogliare il catalogo con i pulsanti Pagine FSI. È possibile digitare un numero di pagina nella casella e l'editor passerà alla pagina corrispondente.
4. Zoom & Pan
I noti pulsanti FSI Viewer possono essere utilizzati per ingrandire la pagina e spostare la sezione visibile. Puoi anche spostare la sezione mentre usi la finestra del navigatore.
5. Aggiunta di forme
Per aggiungere un nuovo link al tuo sito, puoi trascinare e rilasciare qualsiasi forma per la sezione Nuove forme sul tuo sito o utilizzare Disegna poligono o gratis Forma per creare nuove forme. Con lo strumento di disegno Poligono puoi chiudere la forma collegando l'ultimo punto al primo punto o premendo CTRL mentre disegni il punto finale. La forma del modulo libero termina quando smetti di disegnare.
6. Selezione di link/ forme di collegamento
Con i pulsanti corrispondenti, puoi selezionare il collegamento completo o una sola forma di collegamento. Dopo averlo selezionato, puoi modificare i dati del link.
7. Link dati
Le seguenti modifiche possono essere fatte:
- tipo: decide come digitare la forma che verrà visualizzata:
- Link, colorati automaticamente: hanno un riempimento trasparente e cambiano anche colore e hanno una riga di form sul mouse sopra o mentre viene premuto
- Link, colore originale: non cambiare colore
- Icone: verrà visualizzato con il colore originale. Possono avere tooltip, ma non possono essere cliccati
- URL del link: specifica l'URL che deve essere aperto quando si fa clic sul link
- URL target del link: specifica dove aprire il documento collegato (_blank, _self,...)
- suggerimento del collegamento - aggiunge suggerimenti per visualizzare il testo formattato in HTML per i collegamenti al passaggio del mouse
8. Trasformare collegamenti / forme di collegamento
Con i pulsanti corrispondenti puoi spostare o trasformare l'intero collegamento o solo una forma di collegamento. Puoi usare CTRL e trascinare una maniglia per ruotare la forma. Se desideri annullare la trasformazione, puoi utilizzare il pulsante Annulla oppure - se desideri ripristinare lo stato originale, utilizzare il pulsante Rimuovi Trasformazione.
9. Sposta forma in un altro link
Con questo pulsante è possibile spostare una forma di collegamento su un altro link. Per fare ciò, fare clic sulla forma del collegamento che si desidera spostare e quindi trascinare la forma sul collegamento che si desidera unire con nella lista dei collegamenti. Se si sposta la forma in uno spazio vuoto nell'elenco, verrà creato un nuovo collegamento.
10. Cancella/Taglia/Copia/Incolla
È possibile eliminare i collegamenti, tagliarli o copiarli e incollarli in un'altra posizione o in un'altra pagina con i pulsanti corrispondenti.
11. Rimuovi Trasformazione
Questo pulsante rimuove tutta la trasformazione dalle forme o collegamenti di collegamento selezionati.
12. Annulla o Ripristina
Puoi annullare o ripetere i passaggi con questi pulsanti. L'editor passa automaticamente alla pagina in cui sono state apportate le modifiche.
13. FullScreen
Per una migliore usabilità, è possibile visualizzare l'editor di collegamenti in modalità a schermo intero.
14. Salva
Facendo clic sul pulsante Salva o premendo CTRL + S, le modifiche verranno salvate. I collegamenti ipertestuali verranno salvati nei metadati dell'immagine come Extra FSI, che puoi vedere nella scheda Metadati.
15. Aggiunta di SVG per le proprie forme/icone
È possibile aggiungere le proprie forme alla sezione Nuova forma. Le forme sono costituite da file SVG archiviati nella cartella
/_service_files/Link Editor Shapes/dell'interfaccia Web del FSI Server.
Per aggiungere forme personalizzate, è necessario raggruppare l'icona e aggiungere una o più classi al gruppo nel file SVG:
- class="fsi-pages-link-shape" - visualizza la forma con l'impostazione del colore originale
- class="fsi-pages-link-shape fsi-pages-link-auto-color" - visualizza la forma con l'impostazione automatica del colore
- class="fsi-pages-link-shape fsi-pages-link-icon" - visualizza la forma con l'impostazione dell'icona
4.4.4 Editor hotspot
Quando pubblichi un visualizzatore "Zoom & Pan" (per immagini singole) o il visualizzatore "360° Spins" (per spin 360°), puoi accedere all'editor facendo clic sull'icona "Modifica hotspot" nella barra dei menu di pubblicazione:
Oppure con l'opzione corrispondente nel menu di scelta rapida accessibile nella sezione "Il tuo codice sorgente":
L'editor si aprirà in una nuova finestra.
Scheda HotSpot
Panoramica
La scheda HotSpot comprende le seguenti sezioni:
- Visualizzatore
- Scheda HotSpot/scheda Scenery
- Dati HotSpot
- Collega URL e destinazione
- Testo HotSpot
- Barra degli strumenti
- Forme HotSpot
Elenco HotSpot
Questa sezione nella scheda Hotspot mostra una panoramica degli hotspot aggiunti.Dati HotSpot
In questa sezione puoi cambiare l'aspetto degli hotspot aggiunti trascinandoli. È possibile definire la posizione dell'hotspot e la posizione dell'indicatore per il testo. È possibile modificare la scala dell'icona e, nel caso in cui si desideri limitare la visibilità a una determinata scala dello zoom, definire la visibilità dello zoom. Puoi anche aggiungere diverse classi CSS per modellare gli hotspot in modalità normale, hover e attiva.Barra degli strumenti
La barra degli strumenti contiene le seguenti funzioni:
- Salva - salva tutte le modifiche in una configurazione XML
- Carica configurazione - carica un file di configurazione XML
- Ripristina: torna alla vista iniziale
- Zoom indietro - diminuisce l'ingrandimento
- Zoom avanti - aumenta l'ingrandimento
- Selezione zoom: consente di disegnare una forma rettangolare come sezione di zoom
- Trascina immagine: una volta attivata, puoi trascinare l'immagine ingrandita in qualsiasi direzione per eseguire una panoramica
- Seleziona HotSpot - quando attivato, l'hotspot su cui fai clic viene selezionato automaticamente
- Sposta: consente di spostare l'hotspot in una determinata direzione (immagine singola: sposta hotspot in x,y direzione - y,z e x,y è disponibile solo per 360°)
- Elimina: elimina l'hotspot selezionato
- Taglia: taglia la selezione corrente
- Copia - copia la selezione corrente
- Incolla: incolla l'hotspot copiato
- Annulla - annullamento dell'ultima modifica
- Ripristina - ripristina l'ultima modifica
- FullScreen: apre l'editor in modalità schermo intero
Aggiunta di hotspot a una singola immagine
Aggiungi un HotSpot
Per aggiungere un hotspot, trascina semplicemente una forma per la sezione forme di HotSpot al visualizzatore a sinistra nella posizione desiderata.Aggiungi testo e URL a un HotSpot
Nella sezione "Collega URL e destinazione" puoi definire l'URL che l'hotspot porta al clic e il link target (_blank o _self). Nella sezione "Testo" puoi aggiungere del testo che verrà visualizzato con un indicatore vicino all'hotspot. È possibile utilizzare la formattazione del testo HTML per modellare il testo come desiderato.Crea un HotSpot
Puoi anche modellare globalmente gli hotspot di
- usando i parametri hotspotDotColor1, hotspotDotColor2, hotspotLineColor1,hotspotLineColor2 (vedere il manuale) nel tag
- oppure impostare le classi CSS per gli hotspot nella scheda Dati HotSpot dell'editor
Salva configurazione
Al termine dell'impostazione di tutti gli hotspot, è possibile salvare le modifiche in un file di configurazione XML premendo il pulsante "Salva". La chiusura della finestra ti porterà nuovamente alla scheda di pubblicazione con il file di configurazione aggiunto al tag.Aggiunta di hotspot a una rotazione di 360 °
A differenza dell'aggiunta di un hotspot a una singola immagine, per una rotazione di un oggetto è necessario prima definire il riquadro di delimitazione dell'oggetto. Questo può essere fatto all'interno della scheda Scenery che si apre automaticamente quando fai clic sull'Editor mentre pubblichi un giro.The Scenery Tab
L'editor si apre con la scheda "Scenario", in cui è possibile impostare i parametri utilizzati per definire correttamente l'oggetto 3D utilizzato per aggiungere gli hotspot.Parametri vitali: Camera Per creare hotspot, è importante conoscere le posizioni della fotocamera quando si scatta la rotazione di 360°. In questo modo è più facile aggiungere gli hotspot in modo più preciso.
Il valore digitalCropFactor value depends on the size of the optical sensor chip of the camera. For full frame cameras the value is "1.0". Common values are between 1.5 to 1.6. The crop factor is the same factor that affects the focal length of your camera’s objective. E.g. the focal length of an objective with a full frame camera is 50mm. With a camera that has a crop factor of 1.5 the effective focal length would be 1.5 x 50mm = 75mm.
focalLength definisce la lunghezza focale dell'obiettivo della videocamera in mm.
Camera postion (parametro postion) x,y,z e CameraTarget (parametro targetPosition) x,y,z definiscono la posizione della telecamera e l'oggetto in mm (vedi illustrazione).
Virtual Cube parameter Utilizzando i parametri della telecamera, il visualizzatore calcola la posizione dei punti caldi. È anche possibile aggiungere facoltativamente le coordinate dello spazio virtuale. Il "cube" è il rettangolo di selezione dell'oggetto rotante in millimetri (vedi illustrazione sotto). Per questo, è necessario conoscere le misure dell'oggetto della rotazione.
Camera Arm (solo rotazione su due assi) I Se si ruota anche l'oggetto attorno all'asse x, si applicano parametri aggiuntivi che possono essere trovati in manuale online FSI Viewer JS.
Image Sequence Se utilizzi più di un asse, SceneSets potrebbe tornare utile: definiscono l'ordine delle scene da visualizzare. Nel visualizzatore le scene possono essere selezionate spostando il mouse orizzontalmente e i set di scene possono essere selezionati spostando il mouse verticalmente. I set individuali devono essere separati con ";" (punto e virgola). Le scene all'interno dei set sono separate da "," (virgola) e specificano l'indice a base 1 dell'immagine da sinistra a destra, dall'alto verso il basso fino al numero totale di scene. Invece delle singole scene puoi anche specificare gli intervalli di scena, ad es. "5-10".
Video INel caso in cui si desideri aggiungere un video per una rotazione più fluida, è possibile aggiungere qui i parametri corrispondenti. Si prega di fare riferimento a il manuale per un approfondimento spiegazione dei parametri.
Initial View ISe vuoi definire una vista diversa all'inizio del visualizzatore, puoi impostarla qui. Basta ingrandire e spostare il visualizzatore nella direzione desiderata e fare clic sul pulsante di visualizzazione iniziale per salvare la selezione come punto di partenza.
Scheda Hotspots
Dopo aver impostato il cubo, vai alla scheda "Hotspot" per aggiungere Hotspot. (vedi descrizione sopra).4.5 Caricamento
A seconda del tipo di connettore sorgente selezionato, è possibile caricare diversi tipi di file. Ci sono diverse possibilità per caricare immagini nell'interfaccia.
- Scegli la scheda Upload, fai clic sul pulsante "Scegli file" per aggiungere file da caricare nell'elenco. I file verranno caricati nella cartella corrente.
- Trascina e rilascia i file nella vista file o nella vista cartelle
4.6 Scarica
Ci sono diverse possibilità per scaricare immagini dall'interfaccia.
- Trascina e rilascia file o cartelle dalla visualizzazione file nella scheda download o
- Seleziona gli elementi nella vista file e scegli Aggiungi per scaricare l'archivio dal menu di scelta rapida.
Puoi facoltativamente programmare l'inizio del download in un momento specifico e scegliere un nome per il file.
Facendo clic sul pulsante "OK" avvia il processo di creazione e aggiunge il download alla cartella I miei download della directory principale.
4.7 Batch
All'interno di questa scheda, è possibile scaricare le immagini elaborate in blocco.
- Seleziona gli elementi nella vista pollice e scegli Aggiungi processo batch dal menu di scelta rapida - o -
- Trascina e rilascia i file dalla visualizzazione file alla scheda Batch
Qui puoi scegliere il nome e il tipo di archivio di configurazione (ZIP, tar.gz, tar.bz2).
È possibile scaricare file di origine non modificati o immagini elaborate.
Quando decidi di scaricare le immagini elaborate, puoi scegliere se desideri sostituire o aggiungere le estensioni dei file.
Puoi anche salvare le tue configurazioni nel caso in cui desideri utilizzarle di nuovo.
Viene visualizzata una finestra di dialogo qui sotto in cui è possibile modificare le dimensioni, aggiungere vari effetti, ritagliare l'immagine e osservare l'anteprima dell'immagine elaborata. Una volta terminata la scelta delle operazioni da applicare alle immagini, è possibile premere "OK" per tornare alla scheda Batch.
Puoi facoltativamente programmare l'inizio del download in un momento specifico e scegliere un nome per il file.
Facendo clic sul pulsante "OK" avvia il processo di creazione e aggiunge il download alla cartella I miei download della directory principale.
4.8 Licenza
Questa scheda fornisce una panoramica delle informazioni sulla licenza e consente di inserire la chiave caricando il file di licenza corrispondente o digitando manualmente i dati della licenza.
Dati per la generazione di licenze (LRD) è fondamentale per l'aggiornamento della licenza.
5 Abilitazione della ricerca
FSI Server utilizza Apache Solr come database per consentire la ricerca nei metadati delle risorse. Il server Solr non è incorporato in FSI Server poiché il database era nelle versioni di FSI Server 1 e 2Se è necessaria la ricerca, ad esempio nelle pagine FSI, sarà necessario fornire un'istanza Solr per il FSI Server da utilizzare.
Se si utilizza la versione docker di FSI Server, è possibile aggiungere facilmente un contenitore Solr. Si noti che questo deve essere fatto PRIMA che il contenitore del FSI Server sia stato creato. Poiché FSI Server e Solr/Lucene sono entrambe applicazioni di memoria critica, non dovrebbero essere distribuiti sotto la stessa JVM se non per il test.
IMPORTANTE:
Per gli ambienti di produzione si consiglia vivamente di distribuire il pacchetto Solr in una propria istanza Tomcat / JVM. In ambienti con carichi elevati, dovresti prendere in considerazione l'installazione dell'istanza Soldata-r su hardware separato.
Installazione:
1. Scaricare e distribuire Solr copiando il file WAR scaricato nella cartella webapps di tomcat o sollevando Solr nella versione Alpine se si utilizza la finestra mobile.
2. Configurare le restrizioni di accesso a Solr se necessario.
- L'accesso predefinito al server Solr è limitato alle connessioni dagli indirizzi IP locali. Se stai installando il pacchetto su un altro computer, dovrai disabilitare questa limitazione
eseguendo la configurazione di Valve in webapps/solr/META-INF/context.xml - L'accesso al server Solr non è limitato a un utente specificato, ma dovrebbe essere quando viene rimossa la limitazione precedente. Per abilitare questa funzione di sicurezza, decommenta il "security contraint" ei blocchi "login-config"
in webapps/WEB-INF/web.xml e aggiungi un utente appropriato all'installazione di Tomcat, ad es. aggiungendo le seguenti righe al tuo tomcat-users.xml:
<tomcat-users>
<role rolename="solr_user"/>
<user username="fsi" password="mypassword" roles="solr_user"/>
</tomcat-users>
- Imposta l'attributo "enabled" delle sezioni "search" su true in sourcemanager.xml e requestprocessor.xml e imposta le credenziali di accesso in base al passaggio precedente, se necessario.